
/*初始化*/

*{margin:0; padding:0; font-family: 'Microsoft YaHei';outline:none;alpha(opacity=100);opacity: 1; }
html,body{height:100%;}
body{margin-bottom:1px;font-family:"Microsoft YaHei";
    /*background: #fff;*/
    width: 100%;
    min-width: 1300px;
    overflow-x:hidden;
}
ul,li {
    list-style: none;
    float: left;
}

iframe{
    width: 100%;
    height: 1700px;
    border: none;
}
.zhao{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 900;
    top:0;
    left: 0;
    background-color: black;
    opacity: 0;
    display: none;

}
#tan{
    display: none;
}
.absolute{
    position: fixed;
    z-index: 999;
    top:150px;
    left: 45%;
    margin-left:-100px !important;
    width: 410px;
    height: 1000px;
    display: none;
    padding-top: 70px;
}
.close,.effect-close{
    float: right;
    position: relative;
    font-size: 15px;
    top: 8px;
    right: 10px;
    cursor:pointer;


}
a{text-decoration: none;color: #333;}
input,button{outline: none;border:0;font-family:"Microsoft YaHei";}
img{border:0;width:100%;/*vertical-align: bottom;*/height: 100%;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol{list-style: none;}
img{border: none; vertical-align: middle;}
a{text-decoration: none; color: #232323;}
table{border-collapse: collapse; table-layout: fixed;}
input, textarea{outline: none; border: none;}
input {padding-left:5px;}
textarea{resize: none; overflow: auto;}

.halfTrans{alpha(opacity=70);opacity: 0.7;}
.inshow{display:block;}
.unshow{display:none;}
.dispInline{display: inline-block;}
i{
    display: inline-block;
}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; width: 0; height: 0; visibility: hidden; display: block; clear: both; overflow:hidden;}
.fl{float: left}
.fr{float: right}
.tl{text-align: left;}
.tc{text-align: center}
.tr{text-align: right;}
.ellipse{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inline{display: inline-block; *display: inline; *zoom: 1;}
.block{display: block;}
.none{display: none;}
body>div{width: 1300px;margin: 0 auto;}
header{width: 100%;background: #f9f9f9;border-bottom: 1px solid #d0d0d0}
.header{height: 35px;line-height: 35px;width: 1180px;margin: 0 auto;text-align: left;color: #999;font-size: 12px;}
.menu{
    border-bottom: 1px solid #d0d0d0;
    width: 100%;
    background: #fff;
    padding: 11px 0;

}
.menu_box{
    width: 1180px;margin: 0 auto;
}
.menu_logo{float: left;}
.menu_logo img{

}
.menu_nav{float: right;}
.menu_nav i{
    font-size: 18px;
    display: inline-block;
    vertical-align: bottom;
}
.menu_nav li{
    width: 170px;
    padding: 13px 0;
    text-align: center;
    color: #999999;
}
.menu_nav li a
{
    color: #999999;
    /*padding: 4px;*/
    display: inline-block;
}
.menu_search{float: left;margin-left: 50px;}
.menu_search input{width: 200px;height: 30px;border: 1px solid #a88f82;font-size: 16px;padding-left: 15px;line-height: 30px;border-radius: 3px 0 0 3px;-webkit-border-radius: 3px 0 0 3px;}
.menu_search a{display: inline-block;width: 32px;height: 32px;background: #A88F82;float: right;margin-top: 19px;background: url(../images/search_icon.png) no-repeat 100% 100%;border-radius: 0 3px 3px 0;-webkit-border-radius: 0 3px 3px 0;}
.menu_search input::-webkit-input-placeholder {color: #999;}
.menu_search input::-moz-placeholder{color: #999;}
.menu_search input:-ms-input-placeholder {color: #999;} 
.phcolor{color: #999;}

footer{
    width: 100%;
    background: #7d7d7d;
}
.footerInfo{
    width: 1180px;
    margin: 0 auto;
}
/*footer>ul{width: 1180px;margin: 0 auto;height: 200px;position: absolute;left: 50%;margin-left: -590px;}*/
.footerInfo>ul>li h1{position: relative;font-size: 18px;color: #a88f82;height: 60px;margin-top: 25px;}
.server>h1>i{display: inline-block;width: 22px;height: 22px;background: url(../images/earth_icon.png) no-repeat;padding-right: 6px;}
.server>h1>span,.server>h1>i{vertical-align: middle;}
.server>h1>i:after{content: "";display: inline-block;width: 22px;position: absolute;height: 4px;background:#a88f82;top: 37px;}
.address,.server{position: relative;padding-right: 70px;height: 200px;}
.footerInfo>ul>li>p{margin-bottom: 15px;color: #a88f82;}
.footerInfo>ul>li>p:last-child{margin: 0;}
.footerInfo>ul>li>p>a{display: inline-block;color: #a88f82;font-size: 16px;}
li.after:after{content: "";position: absolute;display: inline-block;background: url(../images/footer_division.png) no-repeat;width: 4px;height: 90px;top: 50%;right: 0;margin-top: -20px;}
.footerInfo li.address i{background: url(../images/address_icon.png) no-repeat;width: 20px;height: 27px;}
/*.address p,.contact p{line-height: 35px;}*/
.footerInfo li.address{padding-left: 70px;}
.contact p{color: #a88f82;font-size: 16px;}
.footerInfo li.contact i{background: url(../images/tel_icon.png) no-repeat;width: 22px;height: 23px;}

li.qrCode img{width: 120px;height: 120px;padding-top: 25px;}
li.qrCode p{color: #a88f82;padding-top: 20px;text-align: center;}
li.contact{padding-right: 50px;}
/*.footerInfo li:last-child{padding-left: 55px;}*/
.recordNum{height: 40px;line-height: 40px;color: #a88f82;font-size: 12px;text-align: center;}
.contact{text-align: center;height: 40px;line-height: 40px;background: #515151;width: 100%;}
.contact span{color: #fff;font-size: 14px;position: relative;margin: 0 20px;}
.contact span:after{content: "";position: absolute;height: 8px;width: 1px;background: #fff;right: -20px;top:50%;margin-top: -4px;}
.recordNum{
    width: 1180px;
    margin: 0 auto;
    color: #fff;
    border-top: 1px solid #666;
}
.record{
    width: 100%;background: #515151;box-sizing: border-box;}
.contact span:last-child:after{content: "";width: 0;}
.codeImg img{width: 120px;height: 120px;}
.codeImg{position: absolute;right: 0;bottom: 25px;}
.codeImg>p{float: left;}
.codeImg>p:first-child{margin-right: 30px;}
.codeImg>p>span{display: block;font-size: 14px;color: #fff;padding-top: 10px;}
.friendly{height: 250px;position: relative;}
.friendly h1{padding: 40px 0;font-size: 14px;color: #fff;position: relative;}
.friendly h1:after{content: "";position: absolute;width: 30px;height: 3px;background: #fff;top: 80px;left: 15px;}
.friendly ul li a{color: #fff;}
.friendly ul{width: 100%;}
.friendly ul li{text-align: left;width:150px;font-size: 14px;line-height: 35px;}

/*下拉菜单*/
#person{
    cursor:pointer;
}
.personmain{
    display: inline-block;
    font-size: 16px;
}
.hidden{
    display: none;
}
.downlist{
    position: absolute;
    width: auto;
    top:86px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
}
.second-list{
    position: absolute;
    width: auto;
    top:74px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF;
    z-index: 1;
    left: 88px;
}
.downlist li{
    display: block;
    float: none;
    width: 87px;
    font-size: 13px;
    padding: 10px 0;
}
.icon-right{
    position: absolute;
    right: 2px;
    top:13px;
}
.first-list{
}
.downlist li a:hover{
    color: #ff7e3d;
}
/*.second-list{*/
    /*left: 89px;*/
    /*top:37px;*/
/*}*/
.second-list,.second-list li{
    float: none;
}
.second-list li{
    width: 87px;
}
/*.percentage-list{*/
    /*position: absolute;*/
    /*width: auto;*/
    /*top:111px;*/
    /*box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);*/
    /*background-color: #FFFFFF;*/
    /*z-index: 1;*/
    /*left: 88px;*/
/*}*/
/*.percentage-list,.percentage-list li{*/
    /*float: none;*/
/*}*/
/*.percentage-list li{*/
    /*width: 87px;*/
/*}*/

/*客服中心*/
.customer-service{
    display: inline-block;
    width: auto;
    margin: 0;
    position: fixed;
    right: 100px;
    top: 500px;
    /*background-color: #ff7e3d;*/
    background-image: url("../images/bg.jpg");
    background-size: 300px;
    background-position-y: 50%;
    border-radius: 10px;
    padding: 10px;
}
.customer-service h1{
    font-size: 20px;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #666666;
}
.customer-service h5{
    color: #FFFFFF;
}
.customer-service div{
    background-color: #FFFFFF;
    border-radius: 10px;
}
.customer-service ul,.customer-service li{
    float: none;
}
.customer-service ul{
    padding-top: 10px;
    margin-top: 3px;
}
.customer-service li{
    text-align: center;
    width: 140px;
    margin: 0 5px;
    border-bottom: 1px solid #dddddd;
    padding: 5px 0;
    font-size: 14px;
}
.customer-service li p{
    padding: 0 10px;
    text-align: left;
    font-weight: bold;
}
.customer-service li p:nth-child(1){
    /*color: #cc00ff;*/
}
.customer-service li p:nth-child(2){
    color: red;
}
.customer-service li:last-child{
    border: none;
}
.customer-service li:last-child span{
    display: inline-block;
    width: 45%;
    color: #666666;
    cursor: pointer;
}

.menu_nav #index-help{
    width: 100px;
}